﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

    <title>数据中心-统计中心</title>
    <meta http-equiv="Content-Type" content="text/html;" charset="utf-8" />
	<script language="javascript" src="theme/javascript/jquery.js" type="text/javascript"></script>
    <script language="javascript" src="theme/javascript/index.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="theme/default/css/index.css">
    <link rel="stylesheet" type="text/css" href="theme/default/css/reset.css">

</head>

<body>
     <div class="top">
        <ul class="topN">  
		 <li class="a"><a href="#">首页</a></li>		
		 <li class="b">用户名:admin</li>
		 <li class="c"><a href="#">退出</a></li>	
	    </ul>
        <ul class="menuN"> 
		 <li><a href="#">首页</a></li>			
		 <li><a href="#">存储中心</a></li>		
		 <li><a href="#">交换中心</a></li>	
		 <li><a href="#" class="active">统计中心</a>
		   <div class="subN" style="display:none">  
		     <dl>
			  <dt><a href="#">报关单年统计</a></dt>
			  <dd></dd>
			  <dd></dd>
			  <dd></dd>
			  <dd></dd>			 
			 </dl>
			</div>
		 
		 
		 </li>	
		 <li><a href="#">应用中心</a></li>	
	    </ul>		
		
		
		
      </div>   




<div id="mainbody">
 

   <div class="col">
     <div class="t"></div>
     <div class="c">
	         <h2>货</h2>
			 <div class="box2">			 
                       <div class="newsP" >
                        <ul class="pic">
						 <li>
				<a class="btn01" href="#"><span>报关单统计</span></a>
				<a class="btn01_gray" href="#"><span>报关单交易方式统计</span></a>
				<a class="btn01_gray" href="#"><span>报关单综合统计</span></a>
				<a class="btn01_gray" href="#"><span>报关单商品统计</span></a>	
		     	<a class="btn01" href="#"><span>报关单统计</span></a>
				<a class="btn01_gray" href="#"><span>报关单交易方式统计</span></a>
				<a class="btn01_gray" href="#"><span>报关单综合统计</span></a>
				<a class="btn01_gray" href="#"><span>报关单商品统计</span></a>	
		     	<a class="btn01" href="#"><span>报关单统计</span></a>
				<a class="btn01_gray" href="#"><span>报关单交易方式统计</span></a>
				<a class="btn01_gray" href="#"><span>报关单综合统计</span></a>
				<a class="btn01_gray" href="#"><span>报关单商品统计</span></a>					
						 </li>
						 <li style="display:none">
				<a class="btn01" href="#"><span>报关单统计</span></a>
				<a class="btn01_gray" href="#"><span>报关单交易方式统计</span></a>
				<a class="btn01_gray" href="#"><span>报关单综合统计</span></a>
				<a class="btn01_gray" href="#"><span>报关单商品统计</span></a>	
		     	<a class="btn01" href="#"><span>报关单统计</span></a>
				<a class="btn01_gray" href="#"><span>报关单交易方式统计</span></a>
				<a class="btn01_gray" href="#"><span>报关单综合统计</span></a>
				<a class="btn01_gray" href="#"><span>报关单商品统计</span></a>						 
						 </li>						
						 <li style="display:none">
				<a class="btn01" href="#"><span>报关单统计</span></a>
				<a class="btn01_gray" href="#"><span>报关单交易方式统计</span></a>
				<a class="btn01_gray" href="#"><span>报关单综合统计</span></a>
				<a class="btn01_gray" href="#"><span>报关单商品统计</span></a>	
		     	<a class="btn01" href="#"><span>报关单统计</span></a>
				<a class="btn01_gray" href="#"><span>报关单交易方式统计</span></a>
				<a class="btn01_gray" href="#"><span>报关单综合统计</span></a>
				<a class="btn01_gray" href="#"><span>报关单商品统计</span></a>						 
						 </li></ul>	            
                        <ul class="num">
						 <li class="cur"><a>1</a></li>
						 <li><a>2</a></li>	
						 <li><a>3</a></li>								 
						</ul>
						  
					  </div> 		 			 
		<!--     	<a class="btn01" href="#"><span>报关单统计</span></a>
				<a class="btn01_gray" href="#"><span>报关单交易方式统计</span></a>
				<a class="btn01_gray" href="#"><span>报关单综合统计</span></a>
				<a class="btn01_gray" href="#"><span>报关单商品统计</span></a>	
		     	<a class="btn01" href="#"><span>报关单统计</span></a>
				<a class="btn01_gray" href="#"><span>报关单交易方式统计</span></a>
				<a class="btn01_gray" href="#"><span>报关单综合统计</span></a>
				<a class="btn01_gray" href="#"><span>报关单商品统计</span></a>	-->				
			 </div>
			 	 
	 </div>	 
	 <div class="f"></div>  
   </div> 

   
   <div class="col">
     <div class="t"></div>
     <div class="c">
	         <h2>船</h2>
			 <div class="box2">
		     	<a class="btn_gray" href="#"><span>靠离泊统计</span></a>
				<a class="btn_gray" href="#"><span>船舶进出口岸时效统计</span></a>
				<a class="btn_gray" href="#"><span>报关单综合统计</span></a>
				<a class="btn_gray" href="#"><span>报关单商品统计</span></a>			
			 </div>
	 
	 
	 </div>	 
	 <div class="f"></div>  
   </div>    

   <div class="col">
     <div class="t"></div>
     <div class="c">
	         <h2>车</h2>
			 <div class="box2">
		     	<a class="btn_gray" href="#"><span>车辆分布位置展示</span></a>
				<a class="btn_gray" href="#"><span>码头场站进出车辆的统计</span></a>
				<a class="btn_gray" href="#"><span>报关单综合统计</span></a>
				<a class="btn_gray" href="#"><span>报关单商品统计</span></a>			
			 </div>
	 
	 
	 </div>	 
	 <div class="f"></div>  
   </div> 

   <div class="col">
     <div class="t"></div>
     <div class="c">
	         <h2>箱</h2>
			 <div class="box2">
		     	<a class="btn_gray" href="#"><span>集装箱进出口统计</span></a>					  
			 </div>
	 
	 
	 </div>	 
	 <div class="f"></div>  
   </div> 
    
 

 
</div>   
    <!-- mainbody结尾 -->
	
	
	
 
 <div id="footer">

   <p>  Copyright© 2013  All Rights Reserved </br>
   版权所有 nbeport</p>   


 </div> <!--end of footer -->
 


</body>
    <script language="javascript" type="text/javascript">
	window.onload= function(){
 function NbeportSlide(boxClass,numClass,picClass,activeClass,timeSlide,auto,Width,Height){
    var boxClass = "."+boxClass;
    var numClass = "."+numClass;
    var picClass = "."+picClass;
	var s  = "."+ activeClass;
	var imgs = $(boxClass).find('img');
	var imgL = imgs.length;
	var pics = $(boxClass).find(picClass).find('li');
	var picL = $(boxClass).find(picClass).find('li').length;	
	for(var i =0;i<imgL;i++){//遍历，给每个容器设置宽度和高度，注：此参数可以省略
	imgs.eq(i).width(Width);//容器宽度
	imgs.eq(i).height(Height);	////容器高度
	}
	if(auto==true) autokey=false;
	if(auto==false) autokey=true;//判断鼠标位置，当鼠标在新闻图片上的时候，停止自动事件函数


    $(numClass).children('li').click(function(){   //添加序号点击事件
	if(auto==true) autokey=false;
	if(auto==false) autokey=true;
    var p =$(numClass).children('li').index($(this));

	
	$(picClass).children('li').hide();
    $(picClass).children('li').css("left","60px");
    $(picClass).children('li').eq(p).animate({left:"0px",opacity:"show"},500);
    $(numClass).children('li').removeClass(activeClass);
    $(this).addClass(activeClass);	
  });  
  
    $(".pic,.num").mouseover(function(){  autokey=true;}); //这里是始终的，无论true还是false，鼠标在图片上，图片都不滚动。鼠标移到新闻图片上面，给auto赋值true，即图片不自动滚动
    $(".pic,.num").mouseout(function(){ autokey=false;if(auto==false) autokey=true;});  //鼠标移出新闻图片    ，给auto赋值false，图片恢复自动滚动
    var MyTime = setInterval(function(){
		  if(!autokey) {	//判断auto的值，如果为true，直接返回，放弃本次循环时间，等待下一个时间点，如果还是为true，继续返回。                 
	       var L = $(numClass).children('li').length-1;
		   var p = $(numClass).children('li').index($(s));
		   if(p==L){p=-1;}
		  // var m ="'"+action+"'";
		   var e = jQuery.Event("click");
		   $(numClass).children('li').eq(p+1).triggerHandler(e);	
		   }	 
		   
	    } , 5000); 
   }//滚动方法结束；
	    NbeportSlide("newsP","num","pic","cur",3000,true);
	}
	</script>

</html>
